<!DOCTYPE html>
<html>
	<head>
		<title>html5+css3实战</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" >
		<link rel="stylesheet" href="css/app.css" type="text/css">
		<link rel="stylesheet" type="text/css" href="css/liMarquee.css" />
		<style>
			#menu tr td {
				font-size: 16px;
				font-weight: bold;
				font-family: "微软雅黑";
			}
			
			.dowebok {
				width: 950px;
				margin: 0px;
				display: inline-block;
			}
			
		</style>

		<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.liMarquee.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function() {
				$(".dowebok").liMarquee({
					scrollamount: 100,
					runshort: false
				});
			});
		</script>
	</head>
	<body>
		<!--查询功能-->
		<div class="chaxun">
			<input type="text" placeholder="请输入要查询的内容" class="chaxun_neirong">
  			<button class="chaxun_anniu">查询</button>
		</div>
		<!--轮播图片-->
		<table width="960" align="center">
			<tr>
				<td>
		<div id="dowebok" class="dowebok" >
			<a href="#"><img src="img/201510301155317366137.jpg" width="200" height="150" title="久爱" ></a>
			<a href="#"><img src="img/201510301155382543689.jpg" width="200" height="150" title="美丽的诺言"></a>
			<a href="#"><img src="img/201510301155426865161.jpg" width="200" height="150" title="微笑洋溢" ></a>
			<a href="#"><img src="img/201510301155526801440.jpg" width="200" height="150" title="卿本佳人"></a>
			<a href="#"><img src="img/200552912192329529.jpg"    width="200" height="150" title="爱的味道" ></a>
		</div>
				</td>
			</tr>
		</table>
			<!-- <div class="lunbo">
				<img src="img/val170320.jpg" class="lunbo_img">
			</div> -->
		<!--导航快捷菜单-->
		<div class="caidan">
			<a href="#" class="caidan_lianjie">
				<img src="img/2.jpg" class="caidan_img">
				<p>品牌大全</p>
			</a>
			<a href="#" class="caidan_lianjie">
				<img src="img/3.jpg" class="caidan_img">
				<p>最新上架</p>
			</a>
			<a href="#" class="caidan_lianjie">
				<img src="img/4.jpg" class="caidan_img">
				<p>帮助中心</p>
			</a>
			<a href="#" class="caidan_lianjie">
				<img src="img/5.jpg" class="caidan_img">
				<p>用户中心</p>
			</a>
		</div>
		<!--最新通知-->
		<div class="tongzhi">
			<a href="#" class="tongzhi_lianjie">
				<img src="img/1.jpg" class="tongzhi_zuo">
				<p class="tongzhi_neirong">2020.5.1放假安排</p>
				<img src="img/6.jpg" class="tongzhi_you">
			</a>
		</div>
	   <!--区块标题-->
	   <div class="qukuai">
	   	  <p class="qukuai_zuo"></p>
	   	  <p class="qukuai_zhong">最新上架</p>
	   	  <a href="#" class="qukuai_you">更多</a>
	   </div>
	   <!--最新上架产品-->
	   <div class="chanpin_zuixin">
	   	<a href="#" class="cp_lianjie">
	   		<img src="img/5.jpg" class="cp_img">
	   		<p class="cp_mc">中年妈妈穿冬装</p>
	   	</a>
	   	<a href="#" class="cp_lianjie">
	   		<img src="img/5.jpg" class="cp_img">
	   		<p class="cp_mc">中年妈妈穿冬装中年妈妈穿冬装中年妈妈穿冬装中年妈妈穿冬装中年妈妈穿冬装中年妈妈穿冬装中年妈妈穿冬装中年妈妈穿冬装中年妈妈穿冬装中年妈妈穿冬装中年妈妈穿冬装中年妈妈穿冬装中年妈妈穿冬装中年妈妈穿冬装</p>
	   	</a>
	   	<a href="#" class="cp_lianjie">
	   		<img src="img/5.jpg" class="cp_img">
	   		<p class="cp_mc">中年妈妈穿冬装</p>
	   	</a>
	   	<a href="#" class="cp_lianjie">
	   		<img src="img/5.jpg" class="cp_img">
	   		<p class="cp_mc">中年妈妈穿冬装</p>
	   	</a>
	   	  
	   </div>
	</body>
</html>
